// 当窗口加载完成时执行
window.onload=function(){
 // 为提交按钮添加点击事件处理
 document.getElementById("submit").onclick=function(){
  //获取用户内容
  var username=document.getElementById('username').value;
  var pwd=document.getElementById('pwd').value;
 

  //定义正则表达式

  //验证合法性并反馈给用户
  var warn="";
  // alert("dadfa")
   if (!isUsername(username)) {
   warn="用户名不合法!\n";
   }

   if (!isPwd(pwd)) {
   warn+="密码不合法!\n";
   }

   if (warn) {
   alert(warn);
   return false;
   }
 }

 // 当用户名输入框失去焦点时验证用户名
 document.getElementById('username').onblur=function(){
  var username=document.getElementById('username').value;
  if (!isUsername(username)) {
   document.getElementById('namewarn').innerText='\n用户必须是6-18位数字字母下划线';
   document.getElementById('namewarn').style.color='red';
  }
  else{
      document.getElementById('namewarn').innerText='*';
   document.getElementById('namewarn').style.color='black';
   
      }
  }
 
 // 当密码输入框失去焦点时验证密码
 document.getElementById('pwd').onblur=function(){
  var pwd=document.getElementById('pwd').value;
  if (!isPwd(pwd)) {
   document.getElementById('pwdwarn').innerText='\n密码必须是6-18位数字字母下划线';
   document.getElementById('pwdwarn').style.color='red';
  }
  else{
      document.getElementById('pwdwarn').innerText='*';
   document.getElementById('pwdwarn').style.color='black';
   
      }
  }

 
 // 验证用户名是否合法
 function isUsername(str){
  var reUsern=/[^/w+$]{6,18}/;
  return reUsern.test(str);
 }

 // 验证密码是否合法
 function isPwd(str){
  var pwdre =/[^/w+$]{6,18}/;
  return pwdre.test(str);
 }

}